

.contractLibraryList{
  background:#fff;
  box-shadow: 0 0 4px 0 #E0E0E0;
  overflow: hidden;
}

.conList_nav_search{
  padding-top:30px;
  border-bottom: 1px solid #E8E8E8;
  box-sizing: border-box;
}
.conList_nav_search>span{
  display: block;
  margin:0 auto 17px;
  width:650px;
  position: relative;
}
.conList_nav_search>span>input{
  width:578px;
  padding:10px 0 10px 0;
  background: #FFFFFF;
  border: 1px solid #B6B6B6;
  border-radius: 3px;
  text-indent: 44px;
  cursor: pointer;
  background:url('../../img/d_search_magnifying_glass.svg') no-repeat 16px,url('../../img/d_ent_up.svg') no-repeat 539px;
}
.conList_nav_search>span>input::-webkit-input-placeholder{
  font-size: 14px;
  color: #B6B6B6;
}
.conList_nav_search>span>input:-moz-placeholder{
  font-size: 14px;
  color: #B6B6B6;
}
.conList_nav_search>span>input:-ms-input-placeholder {
  font-size: 14px;
  color: #B6B6B6;
}
.conList_nav_hint{
  width:578px;
  height:300px;
  overflow-y: auto;
  /*border: 1px solid #D8D8D8;*/
  box-shadow: 0 2px 7px 0 rgba(0,0,0,0.12);
  background: #FFFFFF;
  z-index: 19;
  position: absolute;
  left:0;
  top:44px;
}
.conList_nav_hint>li{
  height:36px;
  line-height: 36px;
  font-size: 14px;
  color: #313131;
  margin:3px 0;
  padding-left:19px;
  box-sizing:border-box;
}
.conList_nav_hint>li:hover{
  background: #F2F2F2;
}
.conList_nav_icon{
  float:right;
  width:42px;
  height:42px;
  text-align: center;
  line-height: 42px;
  border-radius: 3px;
  margin-right:22px;
  cursor: pointer;
}
.conList_nav_icon2{
  background:#01BEB8;
  color:#fff;
}
.conList_nav_icon>i{
  font-size: 24px;
}
.conList_classify_selected{
  padding-bottom:10px;
  box-sizing: border-box;
  padding-left:30px;
}
.conList_classify_selected>span{
  float:left;
  height:33px;
  line-height: 33px;
}
.conList_classify_selected>span:first-child{
  font-size: 14px;
  color: #6C6C6C;
  font-weight: bold;
}
.classify_selected{
  padding:0 12px 0 16px;
  font-size: 14px;
  border-radius: 46px;
}
.classify_selected2{
  background: #01BEB8;
  color: #FFFFFF!important;
}
.classify_selected>i{
  margin-left:12px;
}
.conList_classify{
  border-bottom: 1px solid #E8E8E8;
  padding:15px 0 49px 0;
  box-sizing: border-box;
  position: relative;
}
.conList_classify_item{
  padding-bottom:10px;
  box-sizing: border-box;
  padding-left:30px;
}
.conList_classify_item>span{
  float:left;
  height:33px;
  line-height: 33px;
}

.conList_classify_item td>span{
  float:left;
  height:33px;
  line-height: 33px;
  margin-bottom:5px;
}
.conList_classify_item>span:first-child{
  font-size: 14px;
  margin-right:28px;
  color: #6C6C6C;
  font-weight: bold;
}
.conList_classify_item td:first-child{
  font-size: 14px;
  width:84px;
  color: #6C6C6C;
  font-weight: bold;
}
.classify_item{
  padding:0 16px 0 17px;
  height:33px;
  line-height: 33px;
  border: 1px solid #01BEB8;
  border-radius: 46px;
  font-size: 14px;
  color: #01BEB8;
  margin-right:10px;
  cursor: pointer;
}
.conList_classify_close{
  position:absolute;
  bottom:10px;
  right:33px;
  vertical-align: middle;
  font-size: 14px;
  color: #01BEB8;
  cursor: pointer;
}
.conList_classify_close>img{
  vertical-align: middle;
  margin-right:7px;
}
.conList_item{
  padding:0 45px;
  box-sizing: border-box;
  overflow: auto;
}
.conList_item_con{
  height:143px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  margin-top:15px;
}
.conList_item_con:hover .conList_item_left{
  background: #01BEB8;
}
.conList_item_con:hover{
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.10);
}
.conList_item_con:hover .conList_item_right{
  display: block;
}
.conList_item_left{
  width:7px;
  height:100%;
  margin-left:-7px;
  position: relative;
  left:7px;
}
.conList_item_center{
  height:100%;
  padding:0 85px 0 45px;
}
.conList_item_center>h6{
  font-size: 16px;
  color: #383838;
  font-weight: bold;
  margin-top:20px;
}
.conList_item_center>h6>span{
  display: inline-block;
  padding:3px 14px;
  font-size: 12px;
  color: #01BEB8;
  border: 1px solid #01BEB8;
  border-radius: 53px;
  margin-left:5px;
}
.conList_item_center>p{
  margin-top:10px;
  font-size: 14px;
  color: #6C6C6C;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.conList_item_center>ul{
  margin-top:11px;
}
.conList_item_center>ul>li{
  float:left;
  width:150px;
  font-size: 13px;
  color: #A6A6A6;
}
.conList_item_center>ul>li>span{
  color: #323232;
  font-weight: bold;
}


.conList_item_right{
  height:143px;
  float:right;
  width:30px;
  margin-right:-30px;
  position: relative;
  right:40px;
  display: none;
}
.conList_item_right>li{
  text-align: center;
  margin-top:20px;
  margin-bottom:25px;
  position: relative;
}
.conList_item_right>li:hover i,.conList_item_right>li:hover span{
  display: block;
}
.conList_item_right>li>i{
  width:0;
  height:0;
  position: absolute;
  bottom:-4px;
  left:calc(50% - 4px);
  border:4px solid transparent;
  border-bottom:4px solid #6C6C6C;
  display: none;
}
.conList_item_right>li>span{
  position: absolute;
  bottom:-26px;
  left:calc(50% - 23px);
  width:46px;
  height:22px;
  line-height: 22px;
  background: #6C6C6C;
  border-radius: 3px;
  color:#fff;
  display: none;
}
.conList_item_right>li:last-child{
  margin:0;
}
